
html{ font-family: "微软雅黑";}
*{ margin: 0; padding: 0;}

/* 头部导航栏 */
.header{ background: url(../img/header.jpg); width: 100%; max-width: 1919px; height: 70px; border-bottom: 1px solid #fff; z-index: 600; overflow: hidden; margin: 0 auto;}
.bt{ position: fixed; top: 0; left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.navber{ width: 1024px; margin: 0 auto; overflow: hidden;}
.logo{ float: left;}
.nav{ float: left;}
.nav a{ display: inline-block; font-size: 18px; color: #fff; line-height: 56px; margin: 14px 16px 0 0; position: relative;}
.nav a.itop i{ bottom: 0px;}
.nav a i{ position: absolute; display: block; left: 0; bottom: -4px; background-color: #fff; width: 100%; height: 4px;}
.zixun{ display: inline-block; float: right; font-size: 18px; color: #fff; line-height: 56px; margin-top: 14px; margin-right: 20px;}


/* 中间内容 */
.op1, .op2, .op3, .op4{ max-width: 1919px; margin: 0 auto; position: relative;}


.op1{ background: #009ce4 url(../img/op1.jpg); background-size: 100% 100%; }
.op2{ background: #fff url(../img/op2.jpg) 50% no-repeat;}
.op3{ background: #c79c80 url(../img/op3.jpg) 50%;}


/* op1 */
.screen1{ width: 1065px; height: 1230px; margin: 0 auto; position: relative;}
.screen1-text{ color: #fff; font-size: 20px; line-height: 200%; position: absolute; top: 160px; left: 153px;}
.asdc{ width: 1065px; height: 736px; margin: 0 auto; position: absolute; top: 300px;}
.asd-asd{ position: absolute; width: 100%; height: 100%; top: 54%; left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.asd-asd img{ width: 100%; height: 100%;}
.video-a{ position: absolute; top:80px; left: 153px; background-color: #fff; width: 762px; height: 481px;}


/* op2 */
.screen2{ position: relative; height: 1228px; overflow: hidden;}
.screen2-text{ position: absolute; width: 530px; font-size: 20px; line-height: 200%; color: #00a6e5; text-align: center; margin-top: 138px; margin-left: -264px; left: -50%;}
.screen2-text span{ font-size: 34px; padding: 0 4px; margin-top: -4px;}
.screen2-b{ position: absolute; width: 404px; height: 235px; background:url(../img/screen2-b.png) 50% no-repeat; top: 410px; right: -50%; margin-right: -202px;
}
.screen2-circula{ position: absolute; width: 406px; height: 346px; background:url(../img/screen2-circular.gif) 50% no-repeat; bottom: 156px; margin-left: -203px; left: -50%;}


/* op3 */
.screen3-dbz{ height: 1030px; position: relative;}
.screen3{ position: absolute; width: 1004px; height: 100%; left: 50%; margin-left: -502px; background-color: rgba(0,0,0,.3);}
.screen3-bookshelf{ width: 100%; height: 190px; background: url(../img/bookshelf.png) 50% 100% no-repeat; top: 0; z-index: 10; position: absolute;}
.screen3-yous{ width: 100%; margin-top: 246px;}
.screen3-details{ overflow: hidden; margin-top: 54px; padding: 0 70px;}
.screen-item{ float: left; width: 33%; text-align: center; margin: 16px 0;} 
.screen3-item-img{ text-align: center;
	transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
}


.screen3-item-img img{ width: 64px; height: 44px;}
.screen-item-text{ text-align: left; text-align: center; font-size: 14px; width: 230px; overflow: hidden; color: #fff; line-height: 28px; margin: 0 auto; display: none;} 

.screen3-dui{ width: 100%; margin-top: 18px;}

.screen3-style-img{ position: relative; height: 40px; width: 100%; margin-top: 10px; margin-bottom: 64px;}
.screen3-style-img a{ position: absolute; right: 40px; top: 12px; color: #fff;}
.screen3-style-img img{ position: absolute; bottom: -17px;}

.screen3-style-char{ overflow: hidden; height: 228px; padding-left: 100px; padding-top: 22px; position: relative;}
.screen3-a{ position: absolute;}
.screen3-a:nth-child(2){ top: 250px;}
.screen3-case{ position: relative; width: 170px; height: 228px; float: left; margin-right: 42px;}


.screen3-case img{ width: 170px; height: 228px;}

.screen3-introduce{ padding: 0 6px; width: 158px; min-height: 228px; background-color: rgba(0,166,229,.7); position: absolute; bottom: -162px; left: 0;}
.screen3-top{ height: 86px; padding-top: 4px;}
.screen3-top p{ font-size: 14px; color: #fff; line-height: 22px;}
.screen3-top p span{ font-size: 24px;}
.screen3-top p.screen3-p1{ line-height: 30px;}
.screen3-bottom{ border-top: 2px solid #fff; padding-top: 8px;}
.screen3-bottom p{ font-size: 14px; color: #fff; line-height: 25px;}

/* op4 */
.screen4{ width: 1004px; overflow: hidden; margin: 0 auto; margin-top: 54px;}

.screen4-style-img{ position: relative; height: 40px; width: 100%; margin-bottom: 26px;}
.screen4-style-img a{ position: absolute; right: 40px; top: 12px; color: #00a6e5;}
.screen4-style-img img{ position: absolute; bottom: -17px;}
.screen4-style-char{ overflow: hidden; margin-top: 108px; height: 228px; padding-left: 100px; position: relative;}
.screen-a{ overflow: hidden; position: absolute;}
.screen-a:nth-child(2){ top: 228px;}
.screen4-case{ position: relative; overflow: hidden; width: 170px; height: 228px; float: left; margin-right: 42px;}
.screen4-case img{ width: 170px; height: 228px;}
.screen4-text{ padding: 6px 8px 0; width: 154px; background-color: rgba(0,166,229,.7); position: absolute; bottom: 0px; left: 0; color: #fff; font-size: 18px; line-height: 200%; text-align: justify;}
.screen4-text span{ font-size: 14px;}
.curr-bottom .screen4-text{bottom: -106px;}

.line-triangle{ width: 806px; height: 14px; margin-left: 100px; background-color: #00a6e5; margin-top: 20px; position: relative;}
.line-triangle span{ width: 0px; height: 0px; border-width:0 54px 54px; border-style:solid; border-color:transparent transparent #00a6e5; position:absolute; top: -52px; left: 36px; z-index: 50;}

.screen4-news{ width: 100%; background: url(../img/op4-b.png) no-repeat; background-position: 0 100%; background-size: 100% auto; padding-bottom: 230px; max-width:1920px; margin: 0 auto;}
.screen4-news-text{ width: 1004px; padding-top: 30px; display: none; margin: auto;}
.screen4-news .ceshi{ display: block;}
.screen4-news-text h2{ font-size: 26px; text-align: center; line-height: 30px;}
.screen4-news-text p{ font-size: 14px; line-height: 30px; text-align: justify;}
.screen4-news-text p.p1{ text-align: center;}
.screen4-news-text p.p1 span{ padding-right: 30px;}



/*.screen5-qz{ width: 100%; overflow: hidden; position: absolute; top: 412px;}
.screen5-news{ position: relative; width: 400%;}
.screen5-news-text{ padding-top: 14px; float: left; width: 25%; background: url(../img/op4-b.png); background-size: 100% 100%;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}
.screen5-news-text h2{ font-size: 26px; text-align: center; line-height: 30px;}
.screen5-news-text p{ font-size: 14px; line-height: 30px;}
.screen5-news-text p.p1{ text-align: center;}
.screen5-news-text p.p1 span{ padding-right: 30px;}*/



/* 禁区 
.screen5-news{ width: 100%; background: url(../img/op4-a.png) no-repeat; background-position: 0 100%; background-size: 100% auto; padding-bottom: 230px; max-width:1920px; margin: 0 auto;}
.screen5-news-text{ width: 1004px; padding-top: 20px; display: none; margin: auto;}
.screen5-news .ceshi{ display: block;}
.screen5-news-text h2{ font-size: 26px; text-align: center; line-height: 30px;}
.screen5-news-text p{ font-size: 14px; line-height: 30px; text-align: justify;}
.screen5-news-text p.p1{ text-align: center;}
.screen5-news-text p.p1 span{ padding-right: 30px;}
*/








/* 底部 */
.footer{ max-width: 1920px; margin: 0 auto; height: 48px; line-height: 48px; background-color: #1a5377; z-index: 600;}
.footer p{ width: 1024px; margin: 0 auto; text-align: center; color: #fff;}

/* about */
.about{ width: 100%; background-color: #fff;}
.about-banner{ background: url(../img/about.jpg) 50%; height: 838px; position: relative; max-width: 1920px; margin: 0 auto; }
.about-car{ margin: 0 auto; width: 1006px; position: relative;}
.about-banner-text{ position: absolute; top: 190px; left: 0; display: none;}
.about-banner-text p{ color: #fff; font-size: 28px; line-height: 200%; font-family: "微软雅黑";}

.about-centent{ width: 1006px; margin: 0 auto;}
.about-centent-text{ margin-top: 60px; font-size: 20px; line-height: 48px;}
.about-centent-text a{ display: inline-block; text-indent: 2em;}
.about-centent-img{ float: right; width: 388px; height: 286px; text-align: right;}

.about-contact{ background-color: #c8c8c8; height: 212px; text-align: center; max-width: 1920px; margin: 40px auto 0;}
.about-contact-text{ width: 410px; display: inline-block; text-align: left; margin-top: 56px;}
.about-contact-text li{ font-size: 14px; line-height: 20px; color: #fff;}


/* teacher */
.teacher-banner{ background: url(../img/teacher.jpg) 50%; height: 838px; position: relative; max-width: 1920px; margin: 0 auto;}
.teacher-banner-text{ position: absolute; width: 100%; height: 260px; background-color: rgba(255,255,255,.6); text-align: center; top: 510px; display: none; font-family: "微软雅黑";}
.teacher-banner-text div{ width: 760px; display: inline-block; font-size: 20px; line-height: 46px; text-align: left; text-indent: 2em; margin-top: 38px;}

.teacher-centent{ width: 1065px; margin: 0 auto; overflow: hidden;}
.teacher-check{ height: 694px; width: 100%; position: relative;}
.teacher-check-top, .teacher-check-bottom{ width: 974px; height: 182px; position: absolute; }
.teacher-check-top{ top: 132px; background: url(../img/teacher-check-top.gif); left: -974px;}
.teacher-check-bottom{ top: 438px; background: url(../img/teacher-check-bottom.gif); right: -974px;}
.teacher-check-text{ width: 100%; position: absolute; top: 312px; text-align: center; display: none;}
.teacher-check-text p{ font-size: 22px; color: #000; display: inline-block; width: 350px; line-height: 62px; text-align: left; font-weight: bold;}
.teacher-check-text p span{ font-size: 34px; color: #00a6e5; font-weight: normal;}
.teacher-check-text p span.teacher-check-sp1{ padding: 0 12px;}

.teacher-trad{ width: 1065px; margin: 0 auto; overflow: hidden;}
.teacher-trad-img{ background: url(../img/teacher-trad.jpg) 50%; height: 124px; width: 100%; margin: 32px 0;}
.teacher-trad-meun{ position: relative; width: 100%; height: 104px; border-bottom: 2px solid #00a6e5; margin-bottom: 60px; overflow: hidden;}
.teacher-trad-left, .teacher-trad-right{ position: absolute; top: 0; line-height: 104px; color: #fff; width: 334px; background-color: #00a6e5; font-size: 62px; text-align: center; z-index: 400;}
.teacher-trad-left{ left: 0;}
.teacher-trad-right{ right: 0;}
.teacher-trad-p{ position: absolute; height: 92px; width: 730px; padding-top: 12px;}
.teacher-trad-p p{ font-size: 20px; line-height: 200%;}
.item1{ text-align: left; left: -730px;}
.item2{ left: 1062px;}
.item3{ text-align: right; left: -730px;}
.item4{ left: 1062px;}

.teacher-style{ width: 1065px; margin: 0 auto;}
.teacher-style-img{ position: relative; height: 40px; width: 100%; margin-top: 10px; margin-bottom: 28px;}
.teacher-style-img a{ position: absolute; right: 40px; top: 12px; color: #00a6e5;}
.teacher-style-img img{ position: absolute; bottom: -17px;}
.teacher-style-char{ overflow: hidden;  width: 100%; height: 285px; margin-bottom: 120px; position: relative;}
.teacher-a{ position: absolute;}
.teacher-a:nth-child(2){ top: 285px;}
.character{ position: relative; width: 212px; height: 285px; float: left; margin: 0 26px;}
.character-introduce{ padding: 0 12px; width: 188px; height: 285px; background-color: rgba(0,166,229,.7); position: absolute; top: 215px; left: 0;}
.character-top{ height: 58px; padding-top: 12px;}
.character-top p{ font-size: 14px; color: #fff; line-height: 24px;}
.character-top p span{ font-size: 20px;}
.character-bottom{ border-top: 2px solid #fff; padding-top: 8px;}
.character-bottom p{ font-size: 14px; color: #fff; line-height: 24px;}
.character-bottom a{ display: block; border: 2px solid #fff; font-size: 20px; text-align: center; color: #fff; line-height: 38px; margin-top: 10px;}
.character-bottom-p2{ height: 120px; overflow: hidden;}






/* curriculum */
.curr-banner{ background: url(../img/curriculum.jpg) 50%; height: 838px; max-width: 1920px; margin: 0 auto; position: relative;}
.curr-banner-text{ position: absolute; width: 100%; height: 306px; background-color: rgba(255,255,255,.6); text-align: center; top: 416px; display: none;}
.curr-banner-text div{ display: inline-block; width: 1014px; height: 446px; margin-top: -98px;}

.curr-centent{ width: 1006px; margin: 0 auto; overflow: hidden; margin-bottom: 72px; border-bottom: 6px solid #00a6e5;}
.curr-subject{ width: 100%; margin-top: 46px; font-size: 0px;}
.curr-subject li{ border: 6px solid #b2e4f7; height: 98px; line-height: 98px; font-size: 42px; display: inline-block; width: 488px; text-align: center; cursor: pointer; color: #cacaca; margin-right: 4px; *display: inline;}
.curr-subject li.active{ border-color: #00a6e5; color: #000;}
.curr-subject li span{ font-size: 14px; padding-left: 10px;}

.curr-cotegory{ margin-top: 8px; border-bottom: 8px solid #00a6e5; position: relative; height: 42px;}
.curr-cotegory ul{ font-size: 0px; position: absolute;}
.curr-cotegory ul li{ line-height: 42px; display: inline-block; background-color: #b2e4f7; text-align: center; color: #fff; cursor: pointer; width: 98px; margin-right: 2px; font-size: 20px; border-top-left-radius: 10px;  border-top-right-radius: 10px; *display: inline;}
.curr-cotegory ul li.active{ background-color: #00a6e5;}
.curr-culture{ left: 0;}
.curr-art{ right: -100%;}
.curr-culture{ left: 0;}

.curr-paper-nian{ display: none;}
.curr-paper-nian.active{ display: block;}
.curr-paper-a a{ line-height: 36px; color: #a9a9a9; cursor: pointer; margin-right: 14px; font-size: 20px; border-bottom: 2px solid #fff;}
.curr-paper-a a.active{ color: #000; border-color: #00a6e5;}
.curr-paper-b{ margin-top: 30px; margin-bottom: 20px;}
.curr-bs{ display: none;}
.curr-bs.active{ display: block;}

.curr-bs p, .curr-bs a{ font-size: 14px; color: #000; line-height: 26px;}
.curr-bs div{ padding-left: 24px;}
.curr-bs a{ margin-right: 26px;}

.curr-paper-gao{ margin-top: 30px; margin-bottom: 20px; display: none;}
.curr-paper-gao p{ font-size: 14px; color: #000; line-height: 26px;}


/* tutor */
.tutor-banner{ background: url(../img/tutor.jpg) 50%; height: 838px; position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto;}
.tutor-banner-text{ position: absolute; width: 100%; height: 174px; text-align: center; bottom: -190px;}
.tutor-banner-text div{ display: inline-block; width: 1006px; height: 174px;}
.tutor-form{ width: 1006px; margin: 0 auto; margin-top: 70px;}
.tutor-info{ border-top: 8px solid #00a6e5; border-bottom: 6px solid #00a6e5; padding: 28px 0;}
.tutor-info div{ width: 404px; margin: 0 auto; height: 46px; line-height: 46px;}
.tutor-div label{ margin-left: 38px; margin-right: 18px; font-size: 20px;}
.tutor-div input{ height: 26px; line-height: 26px; font-size: 20px; border: 0; width: 250px;}
.tutor-submit{ width: 100%; text-align: center; margin: 70px 0; position: relative;}
.tutor-submit input{ width: 118px; height: 42px; line-height: 42px; text-align: center; background-color: #00a6e5; border-radius: 8px; color: #fff; font-size: 20px; border: 0; cursor: pointer;}
.tutor-submit a{ position: absolute; right: 200px; top: 14px; color: #00a6e5; text-decoration: underline;}






/* join */
.join{ width: 100%; background-color: #fff;}
.join-banner{ background: url(../img/join.jpg) 50%; height: 838px; max-width: 1920px; margin: 0 auto;}
.join-centent{ width: 1024px; margin: 0 auto;}
.join-text{ margin: 20px 0;}
.join-text p{ font-size: 20px; line-height: 200%;}
.join-meun{ width: 100%; border-bottom: 8px solid #00a6e5; overflow: hidden;}
.join-meun li{ float: left; width: 512px; text-align: center; line-height: 50px; color: #fff; background-color: #b2e4f7; border-top-left-radius: 18px; border-top-right-radius: 18px; font-size: 20px; cursor: pointer;
	transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.join-meun li.curr{ background-color: #00a6e5;}

.join-ds{ overflow: hidden; display: none; border-bottom: 4px solid #00a6e5;}
.disblock{ display: block;}
.join-left{ float: left;}
.join-right{ float: right;}
.vertical{ height: 418px; width: 512px; display: table; vertical-align: middle;}
.join-ds .join-wf{ padding-left: 46px; width: 466px; margin: 20px 0;}
.join-inps{ line-height: 40px;}
.join-inps label{ padding-right: 22px; font-size: 20px;}
.join-inps input{ height: 26px; line-height: 26px; font-size: 20px; color: #919191; border: 0; width: 270px;}
.join-select{ position: relative; display: inline-block; line-height: 40px; font-size: 20px; color: #919191; margin-right: 5px; cursor: pointer; min-width: 80px; text-align: center;}
.join-select i{ font-style: normal;}
.join-option{ width: 100%; position: absolute; top: 40px; background-color: rgba(0,166,229,.6); cursor: pointer; display: none;}
.join-option li{ text-align: center; color: #fff; line-height: 28px;}
.join-butt{ margin: 46px 0; text-align: center; position: relative;}
.join-button{ height: 40px; line-height: 40px; width: 118px; background-color: #00a6e5; border: 0; color: #fff; font-size: 20px; font-family: "微软雅黑"; border-radius: 8px; cursor: pointer; margin: 0 auto; display: none;}
.join-button.disblock{ display: block;}
.join-butt span{ color: #00a6e5; line-height: 40px; font-size: 14px; position: absolute; right: 160px; top: 0px;}

.join-rs{ width: 512px; display: table-cell; text-align: center; vertical-align:middle;}
.join-bz{ overflow: hidden; display: inline-block; margin: 10px 0;}
.join-bz input{ display: none;}
.join-bz a{ float: left; text-decoration: underline; color: #00a6e5; font-size: 20px;}
.join-d2{ display: inline-block; margin-left: 16px; max-width: 266px; text-align: left;}
.join-d2 span{ display: inline-block; margin-right: 14px; margin-bottom: 10px;}
.join-d2 span img{ box-shadow: 2px 2px 2px rgba(0,0,0,.4);}


















